var arr = [
    {img:'article02',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},
    
    {img:'article03',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article04',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article05',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article04',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article03',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article02',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article05',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article04',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article02',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article03',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article05',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article04',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article03',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545},

    {img:'article02',title:'11月金融行业广告投放技巧!',article01:'&nbsp;&nbsp;&nbsp;11用大促近在眼前&nbsp;,&nbsp;各行业广告主都在紧盯有限的投放流量&nbsp;,&nbsp;准备投入未来一个月的抢量<br>“血拼”&nbsp;。&nbsp;金融行业如何在买量大战中闪转腾掷&nbsp;,&nbsp;以合适的成本争取到足量陨光?重点就在于...',time:'50秒',number:545}
]
    var art = document.querySelector('#art01')
    arr.forEach(function(items,idx){
        art.innerHTML += 
    '<div class="artical">'+
    '<i><img src="../images/'+items.img+'.png" alt=""></i>'+
    '<div class="article0">'+
    '<h2 class="title02">'+
        items.title
    +'</h2>'+
    '<p class="article01">'+items.article01
    +'</p><br>'+
    '<p class="article02"><span>'+items.time+'前</span><span>'+items.number+'</span></p>'+
    '</div>'+
    '</div>'
    })


// =============================
    var arr1 = [
        {img:'article02',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article04',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article03',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'}
    ]
    var arr2 = [
        {img:'article02',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article03',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article01',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article05',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article04',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
    ]
    var arr3 = [
        {img:'article03',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article04',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article05',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article02',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article04',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article05',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article02',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article03',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
        {img:'article04',content:'移动互联网2017年Q2夏<br>季报告:移动生态流量.',time:'2017年7月12日'},
    ]

    var h = document.querySelector('.hot_essay')
    var i = document.querySelector('.int_essay')
    var g = document.querySelector('.good_essay')

    arr1.forEach(function(items,index){
        h.innerHTML += '<div class="essay0">'+
                            '<i>'+
                                '<img src="../images/'+items.img+'.png" alt="">'+
                            '</i>'+
                            '<p class="p1">'+items.content+'</p>'+
                            '<p class="p2">'+items.time+'</p>'+
                        '</div>'
    })

    arr2.forEach(function(items,index){
        i.innerHTML += '<div class="essay0">'+
                            '<i>'+
                                '<img src="../images/'+items.img+'.png" alt="">'+
                            '</i>'+
                            '<p class="p1">'+items.content+'</p>'+
                            '<p class="p2">'+items.time+'</p>'+
                        '</div>'
    })
    arr3.forEach(function(items,index){
        g.innerHTML += '<div class="essay0">'+
                            '<i>'+
                                '<img src="../images/'+items.img+'.png" alt="">'+
                            '</i>'+
                            '<p class="p1">'+items.content+'</p>'+
                            '<p class="p2">'+items.time+'</p>'+
                        '</div>'
    })


    var symbol = document.querySelector('.hot_symbol')
    var arr4 = [{sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
                {sym1:'APP推广',sym2:'ASO优化',sym3:'ASO算法'},
            ]

    arr4.forEach(function(items,index){
        symbol.innerHTML += '<li>'+items.sym1+'</li>'+
                            '<li>'+items.sym2+'</li>'+
                            '<li>'+items.sym3+'</li>'
    })

    var symbol01 = document.querySelector('.aside_nav')
    var pos = document.querySelector('.position02')
    window.onscroll = function(){
        if(scrollY<1920){
            pos.style.position = ''
            symbol01.style.position = ''
        }else if(scrollY>=1920 && scrollY<=3020){
            symbol01.style.position = 'fixed'
            symbol01.style.top = 25 + 'px'
            pos.style.position = 'fixed'
            pos.style.bottom = 60 + 'px'
        }else if(scrollY>=3020){
            symbol01.style.position = 'absolute'
            symbol01.style.top = 3090 + 'px'
            pos.style.position = 'absolute'
            pos.style.bottom = 0 + 'px'
        }
    }
 
   
    
    
